<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    //方式一:循环+递归
    // let obj={name:'Jack',height:180,sex:'男',color:['red','green','yellow']}
    // function deepCopy(obj){
    //     let obj2=Array.isArray(obj)?[]:{}
    //     for(let key in obj){
    //         if(typeof obj=="object"){
    //             obj2[key]=deepCopy(obj[key])
    //         }
    //         else{
    //             obj2[key]=obj[key]
    //         }
    //     }
    //     return obj2
    // }
    // let obj2=deepCopy(obj)
    // obj.color.pop()
    // console.log(obj);
    // console.log(obj2);

    //方式二:
    // let obj={name:'Jack',height:180,sex:'男',color:['red','green','yellow']}
    // let obj2 = JSON.parse( JSON.stringify( obj ) );
    // console.log(obj,obj2);
    // obj2.color.push('purple')
    // console.log(obj2);

    // 方式三:
    let obj={name:'Jack',height:180,sex:'男',color:['red','green','yellow']}
    let obj2=Object.assign({},obj)
    console.log(obj2);
    obj.color.push('purple')
    console.log(obj);


    
</script>